$(function() {
	var arr = [];
	var arr1 = [];
	var goodImg = [];
	var goodLogo = [];
	var goodTitle = [];
	var goodb = [];
	var goodi = [];
	var goodzk = [];
	var goodsKey=[];
	var goodskeyLength=[];
	var goodsXsImg=[];
	var goodsXsimglength=[];
	var str = '<div class="priceScreen">' + '<input type="text" id="start-price"/> <b> - </b> <input type="text" id="end-price"/>' + '<input type="button" value="确认"/>' + '</div>'

	var r = window.location.search.substr(1).split("=")[1];
	
	$.getJSON("js/" + r + ".json", function(data) {
			for(var key in data["list"]) {
				arr.push(data["list"][key].length)
				for(var i = 0; i < data["list"][key].length; i++) {
					arr1.push(data["list"][key][i]);

				}
			}

			for(var i = 0; i < arr.length; i++) {
				for(var j = 0; j < arr[i]; j++) {
					$(".screenContent").eq(i).append("<a href='javascript:;'><i></i><em></em></a>");

				}
			}
			for(var i = 0; i < arr1.length; i++) {
				$(".screenContent").find("i").eq(i).text(arr1[i])
			}
			$(".screenContent").eq(2).append(str);
						for(var i = 0; i < $(".screenContent").eq(0).find("a").length; i++) {

				$(".screenContent").eq(0).find("a").eq(i).attr("href", "list.html?name=goods" + (i + 1));
				$(".screenContent").eq(0).find("a").eq(parseInt(r.split("goods")[1]) - 1).css({
					border: "1px solid #f8584f",
					//					padding: "0 3px",
					marginTop: "0",
					color: "#f8584f"
				})
				$(".screenContent").eq(0).find("a").eq(parseInt(r.split("goods")[1]) - 1).find("em").css("opacity", 1);
			}
			//这个是分类的样式显示
			
		})
		//	if(r=="goods1"){
	$.getJSON("js/" + r + ".json", function(data) {
		//遍历goodsa
		for(var key1 in data[r]) {
			goodsKey.push(key1);
				goodskeyLength.push(data[r][key1]["img"].length)
				goodsXsImg.push(data[r][key1]["img"])
			for(var i = 0; i < data[r][key1]["img"].length; i++) {
				goodImg.push(data[r][key1]["img"][i]); //装图片容器

			}
			for(var i = 0; i < data[r][key1]["atitle"].length; i++) {
				goodLogo.push(data[r][key1]["atitle"][i][0]);
				goodTitle.push(data[r][key1]["atitle"][i][1]);

				goodb.push(data[r][key1]["atitle"][i][2]);
				goodi.push(data[r][key1]["atitle"][i][3]);
				goodzk.push(data[r][key1]["atitle"][i][4]);
				goodsXsimglength.push(data[r][key1]["atitle"][i][5])
			}

			$(".screen").find("em").click(function() {
				$(this).closest("a").css({
					border: "1px solid #fff",
					//					padding: 0,
					marginTop: 0,
					color: "#000	"
				})
				$(this).css("opacity", 0)
			})
			$(".screen").find("i").click(function() {

				$(this).closest("a").css({
					border: "1px solid #f8584f",
					//					padding: "0 3px",
					marginTop: "0",
					color: "#f8584f"
				})
				$(this).next("em").css("opacity", 1);

			});
			//筛选点击结束


			function logo() {
				$(".screen").eq(1).find("i").click(function() {
					var self = this;
					for(var i = 0; i < $(".goodlist_name").find("a").length; i++) {
						//			console.log($(".goodlist_name").find("a").eq(i).text())
						//			console.log($(self).find("i").text())

						if($(".goodlist_name").find("a").eq(i).text() != $(self).text()) {
							$(".goodlist_name").find("a").eq(i).closest("li").hide();
						}
					}

				}); //a标签点击消失
				$(".mainSearch").find("a").attr("href", "javascript:;"); //a标签去跳转
				$(".screen").eq(1).find("em").click(function() {
					var selfem = this;
					for(var i = 0; i < $(".goodlist_name").find("a").length; i++) {
						$(".goodlist_name").find("a").eq(i).closest("li").show();
					}
				})
			} //这个方法是用来判断品牌的
			logo()
				//	console.log($(".mainSearch").find(".screen").eq(1).find("i").text().splice("-"))
			$(".mainSearch").find(".screen").eq(1).find("i").click(function() {
				var pirce = this;
				var pirceText = $(this).text().split("-");
				for(var i = 0; i < $(".goodtpirce").find("b").length; i++) {

					var listPirce = $(".goodtpirce").find("b").eq(i).text().split("￥");
					if((parseInt(listPirce[1]) > parseInt(pirceText[0]) && parseInt(listPirce[1]) < parseInt(pirceText[1])) == false) {
						$(".goodtpirce").find("b").eq(i).closest("li").hide();
					}
				}

			})
			$(".mainSearch").find(".screen").eq(1).find("em").click(function() {
					var selfem = this;
					for(var i = 0; i < $(".goodtpirce").find("b").length; i++) {
						$(".goodtpirce").find("b").eq(i).closest("li").show();
						//						console.log($(".goodtpirce").find("b").eq(i).closest("li"))
					}
				})
				//		$(".screenContent")..eq(1).find("a").attr("onclick","lihan();return false;")
				//价格点击筛选
			$(".priceScreen").find("input").eq(2).click(function() {
				var selfpice = this;
				var startprice = $("#start-price").val();
				var endprice = $("#end-price").val();
//				console.log(endprice)
				for(var i = 0; i < $(".goodtpirce").find("b").length; i++) {

					var listPirce = $(".goodtpirce").find("b").eq(i).text().split("￥");
					if((parseInt(listPirce[1]) > parseInt(startprice) || parseInt(listPirce[1]) < parseInt(endprice)) == false && (startprice != "" || endprice != "")) {
						$(".goodtpirce").find("b").eq(i).closest("li").hide();
					}
				}

			})
		$(".screen").eq(3).find("a").eq(1).attr("href","list.html?name=goods2")
		$(".screen").eq(3).find("a").eq(0).attr("href","list.html?name=goods1")

		}
		for(var i = 0; i < goodImg.length; i++) { //遍历加图片
			$(".listGoods-ul").append($(".listGoods-ul").find("li").eq(0).clone());
			$(".listGoods-lg").find("img").eq(i).attr("src", "img/subgoods/" + goodImg[i] + ".jpg");
			$(".listGoods-lg").find("img").eq(i).data("dataImg",goodImg[i]);
			$(".listImgXs-box").find("img").eq(i).attr("src","img/subgoods/" + goodImg[i] + ".jpg");
		}
		
		
		
		$(".listGoods-ul").find("li").last().remove(); //最后一个删除
		$(".listGoods-ul").find("li").hide()
			//给他加logo
		//cookie
		//str1= goodsTitle标题 + "," + goodsPirce 价格+ "," + imgKey 图片key + "," + imgLength 隐藏属性 +","+oldPirce老价格+ ","+goodsLogo logo+";";
		var arr11=[];
	for(var i=0;i<goodsXsimglength.length;i++){
		if(goodsXsimglength[i]!=undefined){
			arr11.push(goodsXsimglength[i]);
		}
	}
	for(var j=0;j<arr11.length;j++){
		$(".listGoods-ul").find("li").find(".listGoods-lg").find("img").eq(j).data("length",arr11[j])
	}
//	console.log(arr11)
//	console.log($(".listGoods-ul").find("li").find(".listGoods-lg").find("img").eq(0).data("length"))
//		$(".listGoods-ul").find("li").find(".listGoods-lg").find("img").eq(0).data("length",3)
//		$(".listGoods-ul").find("li").find(".listGoods-lg").find("img").eq(1).data("length",1)
//		$(".listGoods-ul").find("li").find(".listGoods-lg").find("img").eq(2).data("length",2);
		
		$(".listGoods-ul").find("li").find(".listGoods-lg").attr("target","_blank")
		$(".listGoods-ul").find("li").each(function(index,ele){
		$.cookie("goods","");
	
		var str3=""
		var imgLength="";
		$(this).click(function(){
			console.log($(this).find("img").attr("src"))
			var goodsImg = $(this).find("img").attr("src");
			var goodsTitle=$(this).closest("li").find(".goodtitle").find("a").text();
			var goodsPirce=$(this).closest("li").find(".goodtpirce").find("b").text();
			var imgKey=$(this).closest("li").find(".listGoods-lg").find("img").attr("src").split(".jpg")[0].split("/")[2];
			if(window.location.href.slice(-1)==1){
					 imgLength=$(this).closest("li").find(".listGoods-lg").find("img").data("length");
			}else{
				 imlength=undefined;
			}
		
			var oldPirce=$(this).closest("li").find(".goodtpirce").find("i").text();
			var goodsLogo=$(this).closest("li").find(".goodlist_name").find("a").text()
//		console.log($(this).closest("li").find(".listGoods-lg").find("img").data("length"));
		str1= goodsTitle + "," + goodsPirce + "," + imgKey + "," + imgLength +","+oldPirce+ ","+goodsLogo+";";
		str3=goodsImg + "," + goodsTitle + "," + goodsPirce + ";";
//		$.cookie("his", str3 + $.cookie("his"));
		$.cookie("goods",str1);
		
		$(".listGoods-ul").find("li").find(".listGoods-lg").attr("href","goods.html?"+"goodsTitle="+goodsTitle+"&goodsPirce="+goodsPirce+"&imgKey="+imgKey+"&imgLength="+imgLength+"&oldPirce="+oldPirce+"&goodsLogo="+goodsLogo);
//		console.log(str3)
		})
		
		})
		
		
//	console.log($.cookie("his"))
	
		
		
		
		
		
		
		
		for(var i = 0; i < goodLogo.length; i++) {
			$(".goodlist_name").find("a").eq(i).text(goodLogo[i]); //logo标题后期可能要过来加上链接的
		}
		for(var i = 0; i < goodTitle.length; i++) {
			$(".goodtitle").find("a").eq(i).text(goodTitle[i]);
		}
		for(var i = 0; i < goodb.length; i++) {
			$(".goodtpirce").find("b").eq(i).text(goodb[i]);
		}
		for(var i = 0; i < goodi.length; i++) {
			$(".goodtpirce").find("i").eq(i).text(goodi[i]);
		}
		for(var i = 0; i < goodzk.length; i++) {
			$(".goodlist_discount").eq(i).text(goodzk[i] + "折");
		}
		//遍历查看data属性
		
		$.getJSON("js/" + r + ".json", function(data) {
//			console.log(data[r])
			for(var i=0;i<$(".listGoods-lg").find("img").length;i++){
//			console.log($(".listGoods-lg").find("img").eq(i).data("dataImg").split("-")[0].substr(-1));	
			for(var j=0;j<goodsKey.length;j++){
				if($(".listGoods-lg").find("img").eq(i).data("dataImg").split("-")[0].substr(-1)==j+1){
					$(".listGoods-lg").find("img").eq(i).attr("title",goodsKey[j]);
				}
				
			}
			for(var k=0;k<goodskeyLength.length;k++){
				
					if($(".listGoods-lg").find("img").eq(i).data("dataImg").split("-")[0].substr(-1)==k+1){
					for(var g=0;g<goodskeyLength[k];g++){
						$(".listImgXs-box").eq(i).append("<a href='javascript:;'><img/></a>");
						
					}
				}
				
				}
					for(h=0;h<goodsXsImg.length;h++){
						if($(".listGoods-lg").find("img").eq(i).data("dataImg").split("-")[0].substr(-1)==h+1){
//							$(".listImgXs-box").eq(i).find("img").eq(h).not(":first").attr("src","img/subgoods/"+goodsXsImg[h]+".jpg");
								for(var n=0;n<goodsXsImg[h].length;n++){
//									console.log(goodsXsImg[h].length)
									$(".listImgXs-box").eq(i).find("img").eq(n)[0].src="img/subgoods/"+goodsXsImg[h][n]+".jpg"
//									$(".listImgXs-box").eq(i).find("img").not(":first").attr("src","img/subgoods/"+goodsXsImg[h][n]+".jpg");想·
//									console.log(goodsXsImg[h])
										
								}
				}
					}
			}
					
						if(r=="goods1"){
			console.log($(".listImgXs-box").eq(0).find("a").eq(1).find("img").eq(0))
		$(".listImgXs-box").eq(0).find("a").eq(0).find("img").eq(0).attr("src","img/goodsxq/goods1-1l.jpg");
		$(".listImgXs-box").eq(0).find("a").eq(1).find("img").eq(0).attr("src","img/goodsxq/goods1-2l.jpg");
		$(".listImgXs-box").eq(0).find("a").eq(2).find("img").eq(0).attr("src","img/goodsxq/goods1-3l.jpg");
		$(".listImgXs-box").eq(0).find("a").eq(3).find("img").eq(0).attr("src","img/goodsxq/goods1-4l.jpg");
		$(".listImgXs-box").eq(0).find("a").eq(4).find("img").eq(0).attr("src","img/goodsxq/goods1-5l.jpg");
			$(".listImgXs-box").eq(1).find("a").eq(0).find("img").eq(0).attr("src","img/goodsxq/goods2-1l.jpg");
		$(".listImgXs-box").eq(1).find("a").eq(1).find("img").eq(0).attr("src","img/goodsxq/goods2-2l.jpg");
		$(".listImgXs-box").eq(1).find("a").eq(2).find("img").eq(0).attr("src","img/goodsxq/goods2-3l.jpg");
		$(".listImgXs-box").eq(1).find("a").eq(3).find("img").eq(0).attr("src","img/goodsxq/goods2-4l.jpg");
		$(".listImgXs-box").eq(1).find("a").eq(4).find("img").eq(0).attr("src","img/goodsxq/goods2-5l.jpg");
	}
			var lgim=""
			$(".listImgXs-box").find("img").hover(function(){
					lgimg=$(this).closest("li").find('.listGoods-lg').find("img").attr("src")
					$(this).closest("li").find('.listGoods-lg').find("img").attr("src",$(this).attr("src"));
		
					},function(){
						
						
						$(this).closest("li").find('.listGoods-lg').find("img")[0].src=lgimg;
					})//小图切换大图
			
				$(".listImgXs-box").each(function(index,ele){
					var listselft=this;
	$(this).css("width",$(this).find("a").length*35);
	$(this).parent(".listGoods-scroll").next(".listToggle-r").click(function(){
		$(listselft).animate({"left":"-150px"},1000);
	})
	$(this).parent(".listGoods-scroll").prev(".listToggle-l").click(function(){
		$(listselft).animate({"left":"0px"},1000);
	})
//console.log($(this).find("a").length)
})
		})







		$(".pagination").css("width", (Math.ceil(goodLogo.length / 20)) * 30 + 173);
		var listIndex = 0;
		for(var i = 0; i < Math.ceil(goodLogo.length / 20); i++) {
			//			$(".pagination").append("<a href='javascript:;'></a>")
			$(".pagination").find("a").eq(0).before("<a href='javascript:;' class='listIndex'></a>");
			$(".filterRight-l").find("b").eq(0).text(($(".currentPage").index() + 2) + "/" + parseInt($(".pagination").find(".listIndex").length))
			$(".filterRight-l").find("b").eq(1).text($(".pagination").find(".listIndex").length)
		}

		function listPage() {
			for(var i = 0; i < $(".listGoods-ul").find("li").length; i++) {

				if(i >=listIndex * 20 && i <(listIndex + 1) * 20) {
					$(".listGoods-ul").find("li").eq(i).show()
				} else {
					$(".listGoods-ul").find("li").eq(i).hide()
				}
			}
		}
		$(".pagination").find(".listIndex").each(function(index, ele) {
			$(ele).text(index + 1)
			$(ele).eq(index).addClass("currentPage");
			$(ele).click(function() {
				$(this).addClass("currentPage").siblings().removeClass("currentPage");
				listIndex = $(this).index()
				listPage();
				$(".filterRight-l").find("b").eq(0).text($(".currentPage").index() + 1 + "/" + parseInt($(".pagination").find(".listIndex").length))
			})

		}); //切换下一页
		function IndexAdd() {
			if(listIndex < $(".pagination").find(".listIndex").length - 1) {
				listIndex++;

			}
			listPage()
			$(".filterRight-l").find("b").eq(0).text($(".currentPage").index() + 2 + "/" + parseInt($(".pagination").find(".listIndex").length))
			if($(".currentPage").index() + 1 < $(".pagination").find(".listIndex").length) {
				$(".currentPage").removeClass("currentPage").next().addClass("currentPage");
			}
			if($(".currentPage").index() + 1 == $(".pagination").find(".listIndex").length) {
				return false;
			}
		}
		$(".filterRight-l").click(function() {
			if(listIndex < $(".pagination").find(".listIndex").length - 1) {
				listIndex++;

			}
			listPage()

			if($(".currentPage").index() + 1 < $(".pagination").find(".listIndex").length) {
				$(".filterRight-l").find("b").eq(0).text($(".currentPage").index() + 2 + "/" + parseInt($(".pagination").find(".listIndex").length))
				$(".currentPage").removeClass("currentPage").next().addClass("currentPage");
			}
			if($(".currentPage").index() + 3 == $(".pagination").find(".listIndex").length) {
				return false;
			}

		})
		$(".nextList").click(function() {

				IndexAdd()
			}) //点击下一页
		listPage()
		$(".lastList").click(function() {
			$(".currentPage").removeClass("currentPage");
			$(".pagination").find(".listIndex").last().addClass("currentPage");
			listIndex = 5;
			listPage()
		})

		//最后一页
		//显示隐藏li
	

	})
	

	//	}
	//点击变色
	//筛选品牌
	

})